import React from 'react';
import { FiDollarSign } from 'react-icons/fi';

const ProfitEffect = () => {
  return (
    <div className="profit-effect-container">
      <h2>
        <FiDollarSign className="icon" />
        赚钱效应分析
      </h2>
      
      <div className="content-section">
        <div className="metric-card">
          <h3>市场整体赚钱效应</h3>
          <div className="metric-value">75%</div>
          <div className="metric-description">较昨日 +5%</div>
        </div>
        
        <div className="metric-card">
          <h3>个股上涨比例</h3>
          <div className="metric-value">68%</div>
          <div className="metric-description">较昨日 +8%</div>
        </div>
        
        <div className="metric-card">
          <h3>涨停板数量</h3>
          <div className="metric-value">42</div>
          <div className="metric-description">较昨日 +3</div>
        </div>
      </div>
      
      <div className="chart-section">
        <h3>赚钱效应趋势图</h3>
        <div className="chart-placeholder">
          {/* 这里将放置图表组件 */}
          <p>图表加载中...</p>
        </div>
      </div>
    </div>
  );
};

export default ProfitEffect;